*{
  margin:0;
  padding:0
}
.home{
  position: relative;
  top:1.5rem;
  h1{
    font-size: .35rem;
    width:30%;
    position: relative;
    text-align: left;
    left:-.5rem;
    top:.3rem;
    margin:0 auto;
    letter-spacing: 3px;
    color:rgb(107, 36, 102)
  }
  h2{
    position: relative;
    text-align: left;
    // left:-.5rem;
    top:.3rem;
    font-size: .32rem;
    width:40%;
    margin:0 auto;
    letter-spacing: 3px;
    color:rgb(51, 60, 99)
  }
  h4{
    width:30%;
    margin:0 auto;
    text-align: left;
    position: relative;
    top:.5rem;
    left:-.85rem;
    letter-spacing: 1px;
    text-align: center;
    font-size: .22rem;
    color:gray
  }
  .alway{
    width:3rem;
    height:3rem;
    position: relative;
    left:33%;
    top:-.8rem
  }
  a{
    text-decoration:none;
  }
  .buy{
     font-size: .26rem;
     position: relative;
     top:.8rem;
     left:9%;
     width:2.2rem;
     height:.55rem;
     line-height: .55rem;
     color:white;
     box-shadow: 5px 5px 10px rgb(154, 103, 165);
     background: rgb(107, 36, 102);
     border-radius: .1rem;
     span{
       width:2rem;
       height:.5rem;
       position: absolute;
       left:0;
     }
     img{
       position: absolute;
       left:1.9rem;
       top:.19rem
     }
  }

  .more{
    position: relative;
    top:1.5rem;
    width:82%;
    height:1.8rem;
    left:9%;
    border: 2px dotted #72789c;
    border-radius: 1rem;
    .six{
      width:90%;
      height:1.5rem;
      margin:0 auto;
      // background: pink;
      li{
        font-size: .2rem;
        width:20%;
        height:.5rem;
        position: relative;
        top:.17rem;
        left:7%;
        float:left;
        margin:.1rem 8% 0 .3rem;
        list-style: none;
        overflow: hidden;
        text-align: left;
        color: #6e769a;
        text-overflow:ellipsis;
        white-space: nowrap;
        cursor: pointer;
        &.active::before{
          background: rgb(107, 36, 102);
          border:2px solid rgb(107, 36, 102)
        }
        span{
          position: relative;
          left:.25rem;
          top:-.04rem;
        }
        span:nth-child(3){
          font-size: .16rem;
        }
      }
      .liss:before{
        content: '';
        position: absolute;
        margin:0 .5rem 0 0;
        display: block;
        width: 8px;
        height: 8px;
        border: 2px solid #72789c;
        border-radius: 50%;
      }
    }
    .mores {
      position: absolute;
      bottom: -.25rem;
      left: 32%;
      padding: 0 40px;
      width:26%;
      height:.5rem;
      line-height: .5rem;
      border-radius: .1rem;
      background-color: #fff;
    }
    .mores:before{
      content: '';
      position: absolute;
      top: 50%;
      margin-top:-.035rem;
      right:0;
      display: block;
      width: 8px;
      height: 8px;
      border: 1px solid #72789c;
      border-radius: 50%;
    }
    .mores:after {
      content: '';
      position: absolute;
      margin-top:-.035rem;
      top: 50%;
      left:0;
      right:2rem;
      display: block;
      width: 8px;
      height: 8px;
      border: 1px solid #72789c;
      border-radius: 50%;
    }
    .notice{
      width: 2.2rem;
      height:.55rem;
      line-height: .55rem;
      margin: 0 auto;
      font-size: .25rem;
      border-radius: .1rem;
      color:white;
      box-shadow: 5px 5px 10px rgb(154, 103, 165);
      background: rgb(107, 36, 102);
      img{
        position: relative;
        left:.2rem;
      }
    }
  }
  .lunbo{
    background-size: 100% 100%
  }
  .footers{
  z-index: 9999;
  width:100%;
  height:.65rem;
  line-height: .65rem;
  font-size: .2rem;
  position: relative;
  bottom:0;
  left:0;
  top:2.3rem;
  background: white;
  list-style: none;
  border-top:1px solid lightgray;
}
.footers ul{
  position: relative;
}
.footers ul li{
  float:left;
  width:19%;
  height:.65rem;
  cursor:pointer;
  line-height: .65rem;
  list-style: none;
 }

//  .footer{
//     width:100%;
//     height:.6rem;
//     font-size: .2rem;
//     position: relative;
//     top:2.3rem;
//     // background: green;
//     border-top:1px solid lightgray;
//     li{
//       width:20%;
//       height:.6rem;
//       line-height: .6rem;
//       float:left;
//       list-style: none;
//       color: #6e769a;
//       a{
//         text-decoration: none;
//         color: black;

//       }
//     }
//   }
}
